<template>
    <el-container class="app-container min-h-screen flex flex-col">
      <el-header class="border-b">
        <HeaderBar />
      </el-header>
      <el-main class="flex-1 p-4">
        <router-view />
      </el-main>
      <el-footer class="border-t py-3">
        <FooterBar />
      </el-footer>
    </el-container>
  </template>

<script setup>
import HeaderBar from './components/layout/HeaderBar.vue'
import FooterBar from './components/layout/FooterBar.vue'
</script>

<style>
.app-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.el-main {
  flex: 1;
  padding: 16px;
}
</style>


